.root {
    /*-fx-background-color: linear-gradient(to bottom, #d5c7e5, #1e51ac);*/
    -fx-background-color: linear-gradient(to right, rgb(161, 167, 179), rgb(37, 77, 136));
    /*-fx-border-color: #636781;*/
}

.customPane {
    -fx-background-color: #5F6D87FF;
    -fx-background-radius: 5;
}

.jfx-masonryPane {
    /*-fx-background-color: #071632;*/
    -fx-padding: 10 !important;
}

.blue {

}

/**
 table样式
 */
.weather {
    -fx-background-color: #5F6D87FF;
    /*-fx-border-color: #595b6f !important;*/
    /*-fx-border-width: 1;*/
    -fx-text-fill: #ffffff !important;
    -fx-background-radius: 5;
    -fx-padding: 5
}

/**
   无数据时提示信息
 */
.weather .placeholder .label {
    -fx-text-fill: #ffffff !important;
    -fx-font-size: 12px;
}

.weather .column-header {
    /*-fx-border-color: transparent;*/
    -fx-background-color: #585c77 !important;
    -fx-alignment: center;
    -fx-pref-height: 25 !important;
    /*-fx-background-radius: 5;*/
    -fx-font-size: 11px !important;
    -fx-font-weight: normal;
}
.wind .column-header{
    -fx-pref-height: 40 !important;
    -fx-wrap-text:true;
}
.wind .column-header .label{
    -fx-pref-height: 40 !important;
    -fx-wrap-text:true;
}
.weather .column-header .label {
    -fx-text-fill: #fff !important;
}

.weather .column-header-background .filler {
    -fx-background-color: #585c77 !important;
    /*-fx-padding: 1em;*/
}

/*表格列*/
.table-column {
    -fx-background-color: transparent;
    -fx-alignment: center;
    -fx-border-width: 0 0 0 0 !important;
    /*-fx-border-color: #595b6f !important;*/
}

.weather .table-cell {
    -fx-text-fill: #fff;
    -fx-border-width: 0 0 1 0 !important;
    -fx-pref-height: 25px;
    -fx-background-color: transparent;

}

.weather .table-row-cell {
    -fx-background-color: transparent; /* 设置行单元格的背景为透明 */
}

/**
    滚动条按钮样式
 */
.weather .scroll-bar:horizontal {
    -fx-opacity: 0; /* 隐藏横向滚动条 */
    -fx-pref-height: 0; /* 设置滚动条的高度为0 */
}

.weather .scroll-bar:horizontal .thumb,
.weather .scroll-bar:vertical .thumb {
    -fx-background-color: derive(rgb(47, 61, 106), 90%);
    -fx-background-insets: 2, 0, 0;
    -fx-background-radius: 2em;
}

.weather .scroll-bar:vertical .increment-button,
.weather .scroll-bar:vertical .decrement-button {
    -fx-background-color: transparent;
    -fx-background-radius: 0em;
    -fx-padding: 0 5 0 10;

}

.weather .scroll-bar .increment-arrow,
.weather .scroll-bar .decrement-arrow {
    -fx-shape: " ";
    -fx-padding: 0;
}

.weather .scroll-bar:vertical {
    -fx-background-color: #585c76; /* 设置垂直滚动条的背景颜色 */
}

.weather .combo-box .list-cell {
    -fx-text-fill: #ffffff !important;
    -fx-prompt-text-fill: #ffffff !important;
    -fx-background-color: #464c74;
}

.weather .combo-box .list-cell:odd:hover,
.weather .combo-box .list-cell:even:hover {
    -fx-background-color: #6e7bae;
}

.table-row-cell:selected .id {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}

.table-row-cell:selected {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}

.table-row-cell:selected .cellColor {
    -fx-background-color: #59608a !important; /* 设置为您想要的选中颜色 */
    -fx-text-fill: white !important; /* 设置选中行的文字颜色 */
}